$(function() {
	$("#accordion").accordion();
	var i=1;
	var name="";
	for(i=1;i<5;i++){
		name="btn"+i;
		$("#"+name).button();
	}
});

$(function() {

	// Accordion

	$("#accordion").accordion({
		header : "h3"
	});

	// Tabs

	$('#tabs').tabs();

	// Dialog

	$('#dialog').dialog({

		autoOpen : false,

		width : 600,

		buttons : {

			"Ok" : function() {

				$(this).dialog("close");

			},

			"Cancel" : function() {

				$(this).dialog("close");

			}

		}

	});

	// Dialog Link

	$('#dialog_link').click(function() {

		$('#dialog').dialog('open');

		return false;

	});

	// Datepicker

	$('#datepicker').datepicker({

		inline : true

	});

	// Slider

	$('#slider').slider({

		range : true,

		values : [ 17, 67 ]

	});

	// Progressbar

	$("#progressbar").progressbar({

		value : 20

	});

	// hover states on the static widgets

	$('#dialog_link, ul#icons li').hover(

	function() {
		$(this).addClass('ui-state-hover');
	},

	function() {
		$(this).removeClass('ui-state-hover');
	}

	);

});

$(document).ready(function() {
	$("#btn1").click(function() {
		$("#content").html("<h1>hello!</h1>");
	});

	$("#btn2").click(function() {
		$.post("index.jsp", function(response) {
			$("#content").html(response);
		});

	});

});
